<template>
<div class="person-clue">
  <xdh-form class="clue-form" :data="data" size="mini" 
   label-width="120px" :inline="true">
   </xdh-form>
</div>
</template>

<style lang="scss" scoped>
@import './common.scss';
.person-clue{
  display: flex;
  height: 100%; 
  padding: 10px;
  flex-flow: column;
}
</style>

<script>
import XdhForm from '@/widgets/xdh-form'
export default {
  name: 'caseClue',
  components: {
    XdhForm
  },
  data() {
    return {
      data: [
        {
          name: 'id',
          type: 'input',
          label: '身份证号',
          rules: {
            required: true
          }
        },
        {
          name: 'name',
          type: 'input',
          label: '姓名',
          rules: {
            required: true
          }
        },
        {
          name: 'gender',
          type: 'radio',
          label: '姓别',
          options: [
            {label: '男', value: '1'},
            {label: '女', value: '2'},
            {label: '未知', value: '3'}
          ]
        },
        { name: 'native', type: 'input', label: '籍贯' },
        {
          name: 'type',
          type: 'radio',
          label: '人员类别',
          options: [
            {label: '报案人', value: '1'},
            {label: '受害人', value: '2'},
            {label: '嫌疑人', value: '3'},
            {label: '关系人', value: '4'}
          ]
        },
        { name: 'country', type: 'input', label: '国际' },
        { name: 'folk', type: 'input', label: '民族' },
        { name: 'phone', type: 'input', label: '联系电话' },
        { name: 'address', type: 'input', label: '联系地址' },
        { name: 'residence', type: 'input', label: '户籍地址' },
        { name: 'feature', type: 'input', label: '体表特征' },
        { name: 'character', type: 'input', label: '外貌特点' }
      ]
    }
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>